import React from 'react';
import { NavLink } from 'react-router-dom';
import { Menu } from 'antd';
import * as css from './css/side';
import Router from 'router/router';

const { SubMenu } = Menu;

function Side() {
  return (
    <css.Side>
      <css.Logo />
      <Menu
        theme='dark'
        mode='inline'
        defaultSelectedKeys={[]}
        defaultOpenKeys={['sub1']}
      >
        <SubMenu key='promotion-position' title='推广位'>
          <Menu.Item key='promotion-position-list' title='推广位列表'>
            <NavLink to={Router.PromotionPositionList.path}>推广位列表</NavLink>
          </Menu.Item>
        </SubMenu>
        <SubMenu key='withdraw' title='提现'>
          <Menu.Item key='withdraw-list' title='提现列表'>
            <NavLink to={Router.WithdrawList.path}>提现列表</NavLink>
          </Menu.Item>
        </SubMenu>
        <SubMenu key='err-withdraw' title='错误日志'>
          <Menu.Item key='err-withdraw-list' title='错误日志'>
            <NavLink to={Router.ErrWithdrawList.path}>提现列表</NavLink>
          </Menu.Item>
        </SubMenu>
      </Menu>
    </css.Side>
  );
}

export default Side;
